﻿<div class="track-visual clips sizeref" data-bind="style: {height: heightInPx, width: widthInPx}, css: cssClasses, Tap: onTap, DragOver: onDragOver">
    <div class="inner-border bd-fg2"></div>
    <div class="sizeref clips">
        <div class="drag-clip-shadow" data-bind="style: draggedClipStyle, css: draggedClipClass"></div>
        <!-- ko foreach: clipPairs -->
        <ctl-clip params="{clip: clip, track: $parent.track, editor: $parent.editor, offset: offset}"></ctl-clip>
        <!-- /ko -->
        <div class="drag-clip-outline" data-bind="style: draggedClipStyle, css: draggedClipClass"></div>
    </div>
</div>